<!-- <div [@flyIn]="'active'"> -->
<div class="m-l nav navbar-nav m-t block">
	<span>
		<a class="btn btn-xs btn-gray" [routerLink]="['../../']"><i class="fa fa-undo">返回</i></a>
	</span>
	<span> 产品管理 ></span>
	<span> 设备管理 ></span>
	<span> 设备详情</span>
</div>
<div class="m-t-lg">
	<div class="wrapper-sm">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="row m-t-n-lg">
					<div class="col-md-6">
						<!-- <div class="panel panel-default" style="border-radius: 10px;">	 -->
						<div class="panel-body " style="margin-bottom: 0">
							<h3 *ngIf="!modify">设备基本信息</h3>
							<h3 *ngIf="modify">编辑设备信息</h3>
							<table class="table">
								<tr>
									<td>产品名称：</td>
									<td>{{devdata?.product_name}}</td>
								</tr>
								<tr>
									<td>设备编号：</td>
									<td>{{devdata?.locker_number}}</td>
								</tr>
								<tr>
									<td>模块编号：</td>
									<td *ngIf="!modify">{{devdata?.module_number}}</td>
									<td *ngIf="modify">
										<input type="text" [(ngModel)]="module_number" placeholder="必填"/>
									</td>
								</tr>
								<tr>
									<td>生产日期：</td>
									<td>{{devdata?.production_at?devdata?.production_at:'暂未出厂'}}</td>
								</tr>
								<tr>
									<td>上线日期：</td>
									<td>{{devdata?.online_at?devdata?.online_at:'暂未上线'}}</td>
								</tr>
								<tr>
									<td>GPS经度：</td>
									<td *ngIf="!modify">{{devdata?.longitude}}</td>
									<td *ngIf="modify">
										<input type="text" [(ngModel)]="locker_longitude" />
									</td>
								</tr>
								<tr>
									<td>GPS纬度：</td>
									<td *ngIf="!modify">{{devdata?.latitude}}</td>
									<td *ngIf="modify">
										<input type="text" [(ngModel)]="locker_latitude" />
									</td>
								</tr>
								<tr>
									<td>物联卡ID：</td>
									<td *ngIf="!modify">{{devdata?.imei_number}}</td>
									<td *ngIf="modify">
										<input type="text" [(ngModel)]="imei_number" />
									</td>
								</tr>
								<tr>
									<td>剩余流量：</td>
									<td>--</td>
								</tr>

								<tr>
									<td></td>
									<td *ngIf="!modify">
										<button class="btn btn-info btn-sm btn-rounded" (click)="edit(devdata)">编辑信息</button>
									</td>
									<td *ngIf="modify">
										<button class="btn btn-success btn-sm btn-rounded" (click)="editsave()" [disabled]="!module_number">保存</button>
										<button class="btn btn-sm btn-rounded" (click)="modify=false;">取消</button>
									</td>
								</tr>
							</table>
							<!-- </div> -->
						</div>
						<!-- <div style="border:rgb(84,201,244);background-color:rgb(84,201,244);padding: 20px;border-radius: 10px;" >
						<div class="row">
							<div class="col-md-8">
								<div style="border: rgb(147,221,248);background-color: rgb(147,221,248);box-shadow:2px 2px 5px #333333 ;padding: 10px;border-radius: 10px;">
								<div class="m-t m-l">
									<button class="btn btn-idled">A12</button>
								 	<button class="btn ">A12</button>
								 	<button class="btn btn-info">A12</button>
								 	<button class="btn btn-idled">A12</button>
								</div>
								<div class="m-t m-l">
									<button class="btn btn-success">A12</button>
								 	<button class="btn btn-info">A12</button>
								 	<button class="btn btn-idled">A12</button>
								 	<button class="btn btn-danger">A12</button>
								</div>
								<div class="m-t m-l">
									<button class="btn btn-info">A12</button>
								 	<button class="btn btn-success">A12</button>
								 	<button class="btn btn-idled">A12</button>
								 	<button class="btn btn-info">A12</button>
								</div>
								<div class="m-t m-l">
									<button class="btn">A12</button>
								 	<button class="btn btn-info">A12</button>
								 	<button class="btn btn-danger">A12</button>
								 	<button class="btn btn-info">A12</button>
								</div>
								<div class="m-t m-l">
									<button class="btn btn-idled btn-xs">
										空闲
									</button>
									<button class="btn btn-success btn-xs">
										使用中
									</button>
									<button class="btn btn-info btn-xs">
										选定
									</button>
									<button class="btn btn-danger btn-xs">
										故障
									</button>
									<button class="btn btn-xs">
										锁定
									</button>
								</div>
								</div>
							</div>
							<div class="col-md-4">
								<div style="border: rgb(147,221,248);background-color: rgb(147,221,248);box-shadow:2px 2px 5px #333333 ;padding: 15px;border-radius: 10px;">
									<h5 style="color: #fff" class="m-t">管理员操作</h5>
									<div class="m-t">
										<button class="btn btn-operated btn-sm btn-rounded">全部打开</button>																		
									</div>
									<div class="m-t">
										<button class="btn btn-operated btn-sm btn-rounded">全部关闭</button>	
									</div>
									<div class="m-t">
										<button class="btn btn-operated btn-sm btn-rounded">打开A32</button>
									</div>
									<div class="m-t m-b">
										<button class="btn btn-operated btn-sm btn-rounded">锁定/解锁</button>
									</div>
								</div>							
							</div>							
						</div>						
					</div>					
				</div> -->
					</div>


					<div class="col-md-6">
						<div class="panel-body " style="margin-bottom: 0">
							<h3>设备使用信息</h3>
							<table class="table">
								<tr>
									<td>群组编号：</td>
									<td>{{devdata?.group?.group_number}}</td>
								</tr>
								<tr>
									<td>群组名称：</td>
									<td>{{devdata?.group?.group_name}}</td>
								</tr>
								<tr>
									<td>群组地址：</td>
									<td>{{devdata?.group?.group_address}}</td>
								</tr>
								<tr>
									<td>启用状态：</td>
									<td *ngIf="!devdata?.group">空</td>
									<td *ngIf="devdata?.group" class="{{devdata?.group?.group_status==0?'text-danger':'text-success'}}">{{devdata?.group?.group_status==0?'未启用':'已启用'}}</td>
								</tr>
								<tr>
									<td>所属渠道商：</td>
									<td>{{devdata?.locker_channel_trader}}</td>
								</tr>
								<tr>
									<td>维保人员：</td>
									<td>--</td>
								</tr>
							</table>
						</div>
					</div>
					<!-- <div class="panel panel-default" style="border-radius: 10px;">
						<div class="panel-body" >
							<h3>设备二维码</h3>
							<div style="margin-top: 40px;text-align: center" >
								<img *ngIf="!modify1" src="img/sweeprobot_info.png" style="height:200px;width:200px;">
							</div>
							<div style="margin-top:5px;text-align: center">
								<div class="col-md-3 col-md-offset-4">
									<input type="text" class="form-control" id="file_upload" name="file_upload" type="file" multiple="true"> 
						          <span id="file_uploaded1"></span>
						          <input type="hidden" class="form-control" id="file_uploaded" > 
								</div>						 
							</div>
						</div>
					</div> 
				<!-- </div> -->
				</div>
				<!-- <div style="border-top: 2px solid #e5e5e5;"></div> -->

			</div>
		</div>
	</div>
</div>
<!-- </div> -->
